<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<title>tab</title>
		<link href="../../themes/default/lt_theme_default_all.css" type="text/css" rel="stylesheet" />
	</head>
	<body>
		<div class="page" title="新闻">
			<div class="panel_header">
			</div>
			<div class='panel_content'>
				<div class="container">	
					<div class="tab">
						<div class="tab_header">
							<ul>
								<li><a href="#" class="on">全部</a></li>
								<li><a href="#">餐饮</a></li>
								<li><a href="#">服装</a></li>
								<li><a href="#">生产日化</a></li>
								<li><a href="#">五五五</a></li>
								<li><a href="#">六六六</a></li>
								<li><a href="#">七七七七</a></li>
							</ul>
							<div class="clear"></div>
						</div>
						<div class="tab_content_container">
							<div class="tab_content current">
								全部
							</div>
							<div class="tab_content">
								餐饮
							</div>
							<div class="tab_content">
								服装
							</div>
							<div class="tab_content">
								生产日化
							</div>
							<div class="tab_content">
								餐饮
							</div>
							<div class="tab_content">
								服装
							</div>
							<div class="tab_content">
								77777777
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="panel_footer">
			</div>	
		</div>
		<script type="text/javascript" src="../../../lib/js/zepto.min.js"></script>
		<script type="text/javascript" src="../../js/zepto.lt_tab.js"></script>
		<script type="text/javascript">
		//tab
		$(".tab_header ul").lt_tab({
			changeMode : "click",
			callBack:function(currentIndex){
				console.log(currentIndex);
			}
		});
		</script>
	</body>
</html>
